<!DOCTYPE HTML>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  {template header_static.html}
  <link href="{HOME_THEME_PATH}css/iconfont.css" rel="stylesheet" media="screen" type="text/css">
  <link href="{HOME_THEME_PATH}css/swiper.min.css" rel="stylesheet" media="screen" type="text/css">
  <link href="{HOME_THEME_PATH}css/layui.css" rel="stylesheet" media="screen" type="text/css">
  <link href="{HOME_THEME_PATH}css/style.css" rel="stylesheet" media="screen" type="text/css">
  <link href="{HOME_THEME_PATH}css/common.css" rel="stylesheet" media="screen" type="text/css">
  <link href="{HOME_THEME_PATH}css/font-awesome.min.css" rel="stylesheet" media="screen" type="text/css">
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/jquery-3.7.0.min.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/layui.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/swiper.min.js"></script>
</head>

<body>
    {template header.html}
    <div class="small_banner">
        <?php $neiyebanner=dr_site_value('neiyebanner');?>
        <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
        {if $key == 1}
        <div class="pic" style="background-image: url('{dr_get_file($v[2])}')"></div>
        {/if}
        <?php  $key++; } } ?>
        <div class="mask">
            <div class="a1">{usu_fanyi($cat['name'], $language)}</div>
            <div class="a2"></div>
        </div>
    </div>
  <div class="location">
    <main>
      <div class="ny_class">
        <div class="swiper-container">
          <ul class="swiper-wrapper">
            {category module=share pid=2 return=t}
            <li class="swiper-slide">
              <div class="items"> <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t.name, $language)}" class="">{usu_fanyi($t.name, $language)}</a> </div>
            </li>
            {/category}
          </ul>
        </div>
        <div class="btn-pre"><i class="iconfont2">&#xe687;</i></div>
        <div class="btn-next"><i class="iconfont2">&#xe6ae;</i></div>
      </div>
      <div class="weizhi">
          <span>
              <i class="iconfont2"></i>
          </span>
          <a href='/' class=''>HOME</a> {dr_catpos($catid,'',true,'&nbsp; > &nbsp;<a href="[url]">[name]</a>')}
      </div>
    </main>
  </div>

  <div class="newListBox">
    <main>
      <ul class="nuew_list ny">
        {module module=news catid=$catid page=1}
        <li><a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t['title'], $language)}">
            <div class="box">
              <p class="lin"> </p>
              <p class="time">{dr_date($t.updatetime,'Y/m/d')}</p>
              <h3 class="title">{usu_fanyi($t['title'], $language)}</h3>
              <p class="txt">{usu_fanyi($t['description'], $language)}</p>
              <div class="btn"> <span>{usu_fanyi('Detail', $language)}</span> <i class="iconfont">→</i> </div>
            </div>
            <div class="image">
              <div class="pic"> <img src="{dr_get_file($t['thumb'])}" alt="{usu_fanyi($t['title'], $language)}"> </div>
              <div class="btn"> <span>{usu_fanyi('Detail', $language)}</span> <i class="iconfont">→</i> </div>
            </div>
          </a>
        </li>
        {/module}
      </ul>
      <div class="pages">
          {$pages}
        </div>
        <style>
          .pages .active{
            border: 0px ;
            background:#ec7729;
          }
          .pages .active a{
            color: #ffffff!important;
          }
          .pages {
            margin: 40px 0 ; 
          }
          .pagination { 
            display: flex; 
            justify-content: center; 
            align-items: center;
          }
          .pagination li:first-child{
            border: 0px ;
            background:#ec7729;
          }
          .pagination li:first-child a{
            color: #ffffff!important;
          }
          .pagination li { 
            border: 1px solid #ccc;
            margin: 0 5px; 
            line-height: 40px!important;
          }
          .pagination li a{ 
          padding: 20px 15px;
          line-height: 4px!important;
          }
          .pagination li:hover{ 
            background:#ec7729;
          }
          .pagination li a:hover{ 
            color: #ffffff!important;
          }
        </style>
    </main>
  </div>
  {template footer.html}
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/app.js"></script>
</body>

</html>